<template>
    <div>
         <AppHeader></AppHeader>

        <AppNavbar></AppNavbar>

        <AppMain></AppMain>
    </div>
</template>

<script>

import AppHeader from "./AppHeader"
import AppNavbar from "./AppNavbar"
import AppMain from "./AppMain"

export default {
    components: {
        AppHeader,
        AppNavbar,
        AppMain,
    }
}
</script>

<style scoped>

    .header {
        position: absolute;
        line-height: 65px;
        padding: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        background-color: #2d3a4b;
    }

    .navbar {
        position: absolute;
        width: 230px;
        top: 65px;
        left: 0px;
        bottom: 0px;
        overflow-y: auto;
        background-color: #545c64;
    }

    .main {
        position: absolute;
        top: 65px;
        left: 230px;
        right: 0px;
        bottom: 0px;
        padding: 10px;
        overflow-y: auto;
        background-color: #fefefe;
    }

</style>